導(dǎo)讀:A5創(chuàng)業(yè)項(xiàng)目春季招商 好項(xiàng)目招代理無(wú)憂以貌取人或者說(shuō)以貌取物是人類(lèi)的天性,這也是為什么用戶在深入了解網(wǎng)站的功能和實(shí)用性之前,通常傾向于借助網(wǎng)站外觀設(shè)計(jì)來(lái)對(duì)它進(jìn)行評(píng)判。
發(fā)表日期:2020-03-24
文章編輯:興田科技
瀏覽次數(shù):8823
標(biāo)簽:
A5創(chuàng)業(yè)項(xiàng)目春季招商 好項(xiàng)目招代理無(wú)憂
以貌取人或者說(shuō)以貌取物是人類(lèi)的天性,這也是為什么用戶在深入了解網(wǎng)站的功能和實(shí)用性之前,通常傾向于借助網(wǎng)站外觀設(shè)計(jì)來(lái)對(duì)它進(jìn)行評(píng)判。不少站長(zhǎng)緊跟設(shè)計(jì)潮流趨勢(shì),不斷優(yōu)化網(wǎng)站設(shè)計(jì)也正是為了這一點(diǎn)。可是,網(wǎng)站設(shè)計(jì)趨勢(shì)就真的百利而無(wú)一害的嗎?其實(shí),網(wǎng)站設(shè)計(jì)趨勢(shì)是一把雙刃劍,它既有益處也有弊端。一方面,緊跟設(shè)計(jì)趨勢(shì)能夠保持網(wǎng)站的時(shí)尚度,樹(shù)立積極正面的網(wǎng)站形象,另一方面,每一種設(shè)計(jì)趨勢(shì)都有自己的使用情景和注意事項(xiàng),如果使用不當(dāng),再好的網(wǎng)頁(yè)趨勢(shì)可能也是砒霜,而非蜜糖。今天小飛就帶大家好好探究一下這些流行網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)(潛在風(fēng)險(xiǎn)、推薦使用方案、注意事項(xiàng)等),畢竟知己知彼才能百戰(zhàn)百勝嘛。
1. 明亮配色
眾所周知,色彩是情緒傳遞的重要途徑,如何在品牌Logo和UI界面使用配色是一個(gè)網(wǎng)站的經(jīng)營(yíng)策略所在。相對(duì)于暗色和中性色彩,明亮的配色更易吸引用戶的注意,更能傳遞出正面情緒。鮮艷顯眼的顏色會(huì)讓用戶覺(jué)得有趣,有活潑充沛的感覺(jué);稍微柔和一點(diǎn)的色彩能讓用戶感到舒適、放松。盡管明亮配色看上去能為網(wǎng)站添色不少,它也可能干擾用戶體驗(yàn),帶來(lái)事與愿違的效果。
潛在風(fēng)險(xiǎn):
1. 大片明亮的色彩塊或許多相近顏色的組合常產(chǎn)生炫光的效果,這會(huì)讓用戶覺(jué)得刺眼。當(dāng)用戶有這種感覺(jué)后,他們可能就會(huì)離開(kāi),這與我們想要借助明亮配色吸引用戶的初衷截然相反。
2. 當(dāng)明亮的配色作為文本的背景時(shí),它會(huì)影響網(wǎng)站文本的可讀性,甚至?xí)層脩魺o(wú)法閱讀。就算用戶最終完成了閱讀,他們對(duì)網(wǎng)站的印象也不會(huì)好到哪里去。
推薦方案:
記得使用暗色系或中性色彩來(lái)平衡明亮色彩;
多在細(xì)節(jié)項(xiàng)上使用明亮的色彩,吸引用戶并進(jìn)行引導(dǎo);
在大范圍排版中使用明亮的色彩作為裝飾、點(diǎn)綴;
使用明亮的色彩強(qiáng)調(diào)網(wǎng)站內(nèi)容或引起互動(dòng);
注意事項(xiàng):
避免在大范圍元素上使用明亮的色彩,比如網(wǎng)站背景;
避免在一個(gè)頁(yè)面或者區(qū)域內(nèi)使用太多不同的鮮艷顏色;
盡量不要在正文當(dāng)中使用明亮的色彩;
盡量不要在圖標(biāo)和按鈕這樣的關(guān)鍵元素上使用過(guò)于鮮艷的顏色;
2. 實(shí)驗(yàn)性的排版布局
談到如何吸引用戶注意力,設(shè)計(jì)師在這方面可謂腦洞大開(kāi),實(shí)驗(yàn)性的排版布局就是他們想象力和創(chuàng)造力的一個(gè)實(shí)例。這種設(shè)計(jì)趨勢(shì)是有趣、好玩的,它將不平衡、非典型的設(shè)計(jì)元素帶回到網(wǎng)站布局中。在實(shí)驗(yàn)性排版布局之中,圖片、排版、界面不是對(duì)齊的,各種元素的邊距也各不相同,有時(shí)甚至?xí)丿B,以此營(yíng)造其獨(dú)特的失調(diào)感。也因此,在滿屏幕都是簡(jiǎn)約整潔的網(wǎng)站設(shè)計(jì)時(shí),使用了這種設(shè)計(jì)風(fēng)格的網(wǎng)站可以一下子脫穎而出,吸引用戶的注意力。
潛在風(fēng)險(xiǎn):
1. 實(shí)驗(yàn)性的網(wǎng)頁(yè)布局帶來(lái)的設(shè)計(jì)感固然能讓人眼前一亮,但是非常規(guī)的布局設(shè)計(jì)可能會(huì)導(dǎo)致部分元素的隱藏,偏離常規(guī)邏輯的交互也會(huì)讓信息的可見(jiàn)性較差,這樣一來(lái),精心設(shè)計(jì)的布局反而成了用戶獲取信息的障礙。
2. 網(wǎng)站中清晰的視覺(jué)層次結(jié)構(gòu)是引導(dǎo)用戶瀏覽內(nèi)容的重要指向。而在許多實(shí)驗(yàn)性的網(wǎng)頁(yè)布局中,常會(huì)有元素不規(guī)則的、反常規(guī)地活動(dòng),這可能會(huì)讓整個(gè)視覺(jué)層次顯得混亂,影響用戶信息的獲取。
推薦方案:
當(dāng)內(nèi)容閱讀不是網(wǎng)站的主要目標(biāo)時(shí),采用實(shí)驗(yàn)性布局;
在結(jié)構(gòu)整齊的布局中,將不對(duì)稱的元素作為整個(gè)布局的細(xì)節(jié)點(diǎn)綴;
將不同的內(nèi)容分組,并在不同的內(nèi)容塊之間保持明確的分隔,避免出現(xiàn)混亂;
當(dāng)整個(gè)排版有足夠的對(duì)比度時(shí),可使用元素疊加;
注意事項(xiàng):
不要在內(nèi)容為主的頁(yè)面中使用實(shí)驗(yàn)性布局;
不要在用戶需要快速瀏覽內(nèi)容的頁(yè)面中采用實(shí)驗(yàn)性布局;
不要在頁(yè)面中隨機(jī)排布元素,保持基本的對(duì)齊很有必要;
不要盲目使用元素疊加,應(yīng)當(dāng)考慮對(duì)比度和其中的含義;
3. 細(xì)節(jié)點(diǎn)綴
雖然極簡(jiǎn)主義的設(shè)計(jì)依然廣受歡迎,但是設(shè)計(jì)師們現(xiàn)在開(kāi)始試圖讓其中的細(xì)節(jié)更加豐富。這是因?yàn)?,有趣的?xì)節(jié)更加吸引人。不管是浮動(dòng)的導(dǎo)航元素、裝飾性的小圖標(biāo)、還是下劃線、幾何圖形和小碎片,它們都讓整個(gè)網(wǎng)站煥發(fā)出新的生機(jī)。
潛在風(fēng)險(xiǎn):
細(xì)節(jié)點(diǎn)綴確實(shí)很能吸引用戶注意力,讓用戶覺(jué)得更愉悅。然而,在目前的極簡(jiǎn)主義網(wǎng)站設(shè)計(jì)中,太多的細(xì)節(jié)點(diǎn)綴很容易與內(nèi)容主體形成競(jìng)爭(zhēng)。這時(shí),細(xì)節(jié)點(diǎn)綴非但不能幫助用戶獲取內(nèi)容和信息,反而會(huì)影響整個(gè)布局的層次結(jié)構(gòu),令用戶產(chǎn)生困惑。
推薦方案:
讓點(diǎn)綴的細(xì)節(jié)來(lái)襯托主體內(nèi)容,確保不影響主體內(nèi)容的可讀性;
使用細(xì)節(jié)來(lái)構(gòu)建引導(dǎo)用戶注意力的視覺(jué)系統(tǒng);
使用極簡(jiǎn)風(fēng)格的布局來(lái)平衡細(xì)節(jié);
讓細(xì)節(jié)和主體內(nèi)容關(guān)聯(lián)、搭配起來(lái)使用;
注意事項(xiàng):
不要在內(nèi)容為重的頁(yè)面使用小細(xì)節(jié)點(diǎn)綴;
避免隨意地點(diǎn)綴細(xì)節(jié),不要讓無(wú)目的的細(xì)節(jié)影響整個(gè)網(wǎng)站的呈現(xiàn);
嘗試把細(xì)節(jié)和導(dǎo)航系統(tǒng)分隔開(kāi)來(lái),避免可用性問(wèn)題;
細(xì)節(jié)僅僅只是細(xì)節(jié),不要讓它成為設(shè)計(jì)的主體;
除了上面的明亮配色、實(shí)驗(yàn)性排版布局、細(xì)節(jié)點(diǎn)綴,下面這些流行的設(shè)計(jì)趨勢(shì)在使用時(shí)同樣要多加注意:
4. 超小字體
小的字體排版常??梢宰岉?yè)面看上去更精致,更有逼格。因?yàn)樗軌蚪o其他元素留下足夠的呼吸空間,也易構(gòu)成視覺(jué)對(duì)比,突出重點(diǎn)信息。
但是另外一方面,超小的字體排版在大塊文本內(nèi)容中可能會(huì)顯得不顯眼,或是影響網(wǎng)站內(nèi)容的可見(jiàn)性和可讀性。所以最好只在篇幅較短的段落中使用超小字體。還有,避免使用比13pt 更小的字體,那樣的字體實(shí)在是太小了。
5. 實(shí)驗(yàn)性導(dǎo)航
實(shí)驗(yàn)性的導(dǎo)航是另外一個(gè)正變得流行的設(shè)計(jì)趨勢(shì),它和實(shí)驗(yàn)性的排版布局一樣是設(shè)計(jì)師的創(chuàng)意展現(xiàn),別具一格的導(dǎo)航設(shè)計(jì)能讓網(wǎng)站變得更加有趣。
而實(shí)驗(yàn)性導(dǎo)航所存在的風(fēng)險(xiǎn)也就在于它的不確定性。如果導(dǎo)航足夠有趣,而且可用性很強(qiáng),這倒不會(huì)影響網(wǎng)站的整體效果。但是,如果實(shí)驗(yàn)性導(dǎo)航并不是那么直觀,那么就會(huì)影響網(wǎng)站的正常運(yùn)轉(zhuǎn)。所以,為了確保這種設(shè)計(jì)趨勢(shì)給網(wǎng)站帶來(lái)良好的效果,網(wǎng)站上線之前的測(cè)試至關(guān)重要。
6. 動(dòng)畫(huà)效果
動(dòng)畫(huà)效果讓網(wǎng)站界面充滿了無(wú)限的可能性,它也能讓用戶體驗(yàn)更有趣、愉悅。不過(guò)我們?cè)谶\(yùn)用動(dòng)畫(huà)效果的時(shí)候一定要注意動(dòng)畫(huà)效果應(yīng)該是服務(wù)于用戶體驗(yàn)的,而不是單純用來(lái)炫技的。
總而言之,緊跟設(shè)計(jì)潮流趨勢(shì)能夠讓網(wǎng)站保持新穎、有趣。但是,我們必須明確這些流行趨勢(shì)是一把雙刃劍,應(yīng)合理評(píng)判設(shè)計(jì)趨勢(shì)的價(jià)值,理智地運(yùn)用到自己的網(wǎng)站設(shè)計(jì)中,這樣才能最大化發(fā)揮它們的價(jià)值。起飛頁(yè)自助建站平臺(tái)是國(guó)內(nèi)領(lǐng)先的響應(yīng)式建站平臺(tái),緊跟設(shè)計(jì)潮流趨勢(shì),適時(shí)推出多款精美的網(wǎng)站模板,擁有強(qiáng)大的可視化編輯器,只需花上幾分鐘,您就可以搭建好自己的網(wǎng)站??靵?lái)起飛頁(yè)自助建站平臺(tái)(http://www.qifeiye.com/?t_wd=a5)做一個(gè)網(wǎng)站吧!
<script>document.writeln('更多新聞
2020
A5創(chuàng)業(yè)項(xiàng)目春季招商 好項(xiàng)目招代理無(wú)憂以貌取人或者說(shuō)以貌取物是人類(lèi)的天性,這也是為什么用戶在深入了解網(wǎng)站的功能和實(shí)用性之前,通常傾向于借助網(wǎng)站外觀設(shè)計(jì)來(lái)對(duì)它進(jìn)行評(píng)判。
View details
2020
關(guān)于網(wǎng)站建設(shè),當(dāng)搜索引擎的算法改變或者加強(qiáng)時(shí),導(dǎo)致一些網(wǎng)站的某些關(guān)鍵字排名消失,一些管理員就說(shuō)他們的網(wǎng)站消失了。實(shí)際上并非如此,在搜索引擎算法改變
View details
2020
關(guān)于網(wǎng)站建設(shè),一個(gè)與企業(yè)名稱和形象相符的域名,是企業(yè)進(jìn)行網(wǎng)絡(luò)營(yíng)銷(xiāo)的前提。由于域名具有惟一性,一個(gè)域名一旦注冊(cè)成功,任何其他機(jī)構(gòu)都無(wú)法注冊(cè)相同的域名
View details
2019
增長(zhǎng),是每個(gè)企業(yè)最重要的命題,因?yàn)椴辉鲩L(zhǎng),就活不下去,這是一個(gè)殘酷的現(xiàn)實(shí)。隨著流量池思維盛行,每個(gè)企業(yè)都好像找到了救命稻草,但這個(gè)稻草根是不是足夠堅(jiān)韌,還要看企業(yè)對(duì)于用戶、對(duì)
View details